<link rel="import" href="../../bower_components/polymer/polymer-element.html">

<dom-module id="shared-styles">
  <template>
    <style>
      [hidden] {
        display: none !important;
      }

      .material-icons {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;  /* Preferred icon size */
        display: inline-block;
        line-height: 1;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;

        /* Support for all WebKit browsers. */
        -webkit-font-smoothing: antialiased;
        /* Support for Safari and Chrome. */
        text-rendering: optimizeLegibility;

        /* Support for Firefox. */
        -moz-osx-font-smoothing: grayscale;

        /* Support for IE. */
        font-feature-settings: 'liga';
      }
      input[type=text], input[type="number"], textarea {
        border: 0;
        box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
        font-family: 'Saira Condensed', sans-serif;
        font-size: 16px;
        padding: 4px;
      }
    </style>
  </template>
</dom-module>
